<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>走秀网3</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/swiper.css">
		<link rel="stylesheet" type="text/css" href="../css/zouxiu_threez.css" />
		<link rel="stylesheet" type="text/css" href="../css/zouxiu_one.css" />
	</head>

	<body>
	
		<section class="threeSe">
			<header class="sectionTh">
				<div  onclick="javascript:history.back(-1);">
					<img src="../img/3.png" />
				</div>
				<div class="seHeaderzi">
					购物车
				</div>
				<div class="jiesuan">
					去结算
				</div>
			</header>
			<section class="sectionSe">
				<div class="sectionSeleft">
					商品数量：
					<a href="" id="shuliang">0</a>
				</div>
				<div class="sectionSeright">
					应付总额 (不含运费)：
					<a href="" id="total1"></a>
				</div>
			</section>
			<footer class="wupinjieshao">
				<dl class="wuDl">
					<dt class="wuDt">
        				<img src="../img/4.png"/>
        			</dt>
					<dd class="wuDD">
						<div class="wuDDHea">
							<span>
        						ESPRIT
        							气质V领玫红
        					</span>
							<span class="shanchu">
        						<img src="../img/5.png"/>
        					</span>
						</div>
						<div class="wuDDSec">
							T恤
						</div>
						<div class="wuDDCen">
							<span>
        						单价
        						<a href="#">￥199</a>
        					</span>

							<span>
        						L
        					</span>
						</div>
						<div class="wuDDFoo cfs">
							<span>
        						数量：
        					</span>
							<span class="jian" id="min1">
        						-
        					</span>
							<input id="text_box1" type="text" value="1">

							<span class="jia" id="add1">
        						+
        					</span>
						</div>
					</dd>
				</dl>
			</footer>
		</section>
		<footer class="footer">
			<ul class="footerUl">
				<li class="shouy">
					<img src="../img/shouye.png" />
					<span>
	    				首页
	    			</span>
				</li>
				<li class="fenlei">
					<img src="../img/fenlei.png" />
					<span>
	    				分类
	    			</span>
				</li>
				<li class="bian gouwuc">
					<img src="../img/fgouwuche.png" />
					<span>
	    				购物车
	    			</span>
				</li>
				<li class="wode">
					<img src="../img/wode.png" />
					<span>
	    				我的秀
	    			</span>
				</li>
				<li class="gengd">
					<img src="../img/gengduo.png" />
					<span>
	    				更多
	    			</span>
				</li>
			</ul>
		</footer>
		<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tiaozhuan.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="../js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function() {
				var t = $("#text_box1");
				$("#add1").click(function() {
					t.val(parseInt(t.val()) + 1)
					setTotal();
					GetCount();
				})
				$("#min1").click(function() {
					if(t.val() > 1) {
						t.val(parseInt(t.val()) - 1)
						setTotal();
						GetCount();
					}
				})

				function setTotal() {

					$("#total1").html("￥" + (parseInt(t.val()) * 199));
					$("#shuliang").html((parseInt(t.val())))

				}
				setTotal();
				$('.shanchu').on('click', function(e) {
					$(e.target).closest('dl').remove();
				})
			})
		</script>
	</body>

</html>